<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>统一地图平台API</title>
    <meta name="keywords" content="统一地图平台api">
    <meta name="description" content="统一地图平台api">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <link href="./../script/api.css" rel="stylesheet">
</head>

<body class="restdemo-page">
    <div class="page_wrapper">
        <div data-tpl="" class="content-sidebar has_right">
            <div class="content">
                <div class="crumbs">
                    您现在的位置：
                    <a>开发</a>
                    &gt;
                    <a>地图JS API</a>
                    &gt;
                    <a>地图标绘</a></div>
                <article>
                    <h1 class="title">
                        地图标绘
                        <span class="update-time">最后更新时间: 2020年04月30日</span>
                    </h1>
                    <div>
                        <div class="md-container">
                            <p>地图标绘用于实现地图的点，线，面和复杂元素的标绘功能。支持新增，编辑，移动，导入和导出等功能。</p>
                            <h2>初始化</h2>
                            <p>第一步、导入资源文件</p>
                            <div class="md-demo-code-wrapper">
                                <div class="md-demo-code-header"><a class="active">JavaScript</a></div>
                                <div class="md-demo-code-content">
                                    <div class="md-demo-code-content-item active">
                                        <pre><code class="html hljs xml">
    // 引入统一地图平台服务脚本
    &lt;script src="./js_example/script/map/map.min.js"&gt;&lt;/script&gt;
                                        </code></pre>
                                    </div>
                                </div>
                            </div>
                            <p>第二步、初始化标绘对象</p>
                            <div class="md-demo-code-wrapper">
                                <div class="md-demo-code-header"><a class="active">JavaScript</a></div>
                                <div class="md-demo-code-content">
                                    <div class="md-demo-code-content-item active">
                                        <pre><code class="js hljs javascript">
    draw = map.Factory.Draw(); // p对象为地图实例对象，
                                        </code></pre>
                                    </div>
                                </div>
                            </div>
                            <p>第三步、启动标绘</p>
                            <div class="md-demo-code-wrapper">
                                <div class="md-demo-code-header"><a class="active">JavaScript</a></div>
                                <div class="md-demo-code-content">
                                    <div class="md-demo-code-content-item active">
                                        <pre><code class="js hljs javascript">
    draw.start('polygon');
                                        </code></pre>
                                    </div>
                                </div>
                            </div>
                            <p>启动标绘后，在地图中点击进行绘制，双击结束。</p>
                            <h2>方法</h2>
                            <div class="md-atomic">
                                <div class="table-container" style="width:100%;">
                                    <table class="md-table">
                                        <tbody>
                                            <tr>
                                                <th>
                                                    <p>方法名</p>
                                                </th>
                                                <th>
                                                    <p>方法说明</p>
                                                </th>
                                                <th>
                                                    <p>参数</p>
                                                </th>
                                                <th>
                                                    <p>返回值</p>
                                                </th>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>start</p>
                                                </td>
                                                <td>
                                                    <p>开始标绘</p>
                                                </td>
                                                <td>
                                                    <p>type: string 绘制类型point, line, polygon, onFinish?: Function回调方法，带出geometry对象</p>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>edit</p>
                                                </td>
                                                <td>
                                                    <p>重新绘制</p>
                                                </td>
                                                <td>
                                                    <p>feature:geojson, onFinish?: Function回调方法，带出geometry对象</p>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>end</p>
                                                </td>
                                                <td>
                                                    <p>结束绘制</p>
                                                </td>
                                                <td>

                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>clear</p>
                                                </td>
                                                <td>
                                                    <p>清除当前绘制结果</p>
                                                </td>
                                                <td>

                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>addPoint</p>
                                                </td>
                                                <td>
                                                    <p>给当前绘制任务添加一个坐标点</p>
                                                </td>
                                                <td>
                                                    <p>x:number, y:number</p>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>delPoint</p>
                                                </td>
                                                <td>
                                                    <p>删除当前绘制任务最后一个节点</p>
                                                </td>
                                                <td>
                                                    <p>x:number, y:number</p>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>hasGeometry</p>
                                                </td>
                                                <td>
                                                    <p>是否存在绘制对象</p>
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                    <p>boolean</p>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>getDarwing</p>
                                                </td>
                                                <td>
                                                    <p>是否正在绘制中</p>
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                    <p>boolean</p>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>getGeometry</p>
                                                </td>
                                                <td>
                                                    <p>获取绘制的Geometry</p>
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                    <p>geojson</p>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>edit</p>
                                                </td>
                                                <td>
                                                    <p>重新绘制</p>
                                                </td>
                                                <td>
                                                    <p>feature:geojson</p>  
                                                </td>
                                                <td>
                                                    
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </article>
            </div>
        </div>
    </div>
</body>

</html>